import './styles/index.scss'

// 列表页面顶部搜索栏组件
export const SearchForm = ({ slots }) => {
  return (
    <div class="search-form m-b-10">
      <c-row gutter={16}>
        {slots().default}
        <c-col span={4} style="margin-left: auto">
          <div class="flex justify-content-end align-items-end p-t-26">
            {slots().right}
          </div>
        </c-col>
      </c-row>
    </div>
  )
}

// 搜索栏内部表单项
export const SearchFormItem = ({ props, slots }) => {
  return (
    <c-col span={4}>
      <div class="form-item flex column">
        <span class="form-item__label m-b-8 m-l-4">{props.label}</span>
        {slots().default}
      </div>
    </c-col>
  )
}
